page {
    height: 100%;
}
.testBegin {
    height: 100vh;
    background: linear-gradient(to bottom, #04d2c3, #fff);
    .start-container {
        height:100vh;
        background:url('//resource.160nurse.com/canvas/healthy/img/skin/bg_1.png');
        background-size:200vw;
        background-repeat:repeat-x;
        background-position:left 0 bottom 10vw;
        position: relative;
        padding-top:20vw;
        text-align: center;
        box-sizing: border-box;
        animation: soll3 120s linear 0s infinite;
        .start-btn {
            position: relative;
            margin: 0 auto;
            width:50vw;
            height:50vw;
            .block{
                width:17vw;
                height:17vw;
                display: block;
                position:absolute;
                overflow: hidden;
                z-index:4;
                top:13vw;
                left:17vw;
                background:url('//resource.160nurse.com/canvas/healthy/img/skin/bg_2.png');
                background-size:100% 100%;
                background-repeat:no-repeat;
                background-position:right top;
                .xian{
                    width:17vw;
                    height:17vw;
                    position:absolute;
                    display:block;
                    top:0;
                    left:-18vw;
                    z-index:5;
                    background-size:100% 100%;
                    background-image:url('//resource.160nurse.com/canvas/healthy/img/skin/bg_3.png');
                    animation: soll2 5s linear 0s infinite;
                }
            }
        }
        .start-icon {
            width: 100%;
			height:100%;
            display: block;
            margin: 0 auto;
        }
        .start-text {
            position: absolute;
            top:32vw;
            left: 50%;
            transform: translate(-50%, 0);
            font-size: 3.733333vw;
            font-weight: 500;
            line-height: 5.333333vw;
            color: #fff;
            text-align: center;
        }
        .explain {
            margin: 0 auto;
            margin-top: 10.666667vw;
            font-size: 3.733333vw;
            line-height: 5.333333vw;
            width: 78.4vw;
            margin-bottom: 17.066667vw;
            text-align: center;
            color: #2a928b;
            font-weight: 500;
        }
        .record {
            position: absolute;
            bottom:4vw;
            color: #666666;
            left: 50%;
            transform: translate(-50%, 0);
            text {
                font-size: 3.466667vw;
                display: inline-block;
                margin-right: 2.133333vw;
                font-size: 500;
                line-height: 4.8vw;
                margin-bottom: 2vw;
            }
            image {
                width: 1.6vw;
                vertical-align: middle;
                display: inline-block;
            }
            .x{
                position:absolute;
                right:7vw;
                bottom:26vw;
                width:5vw;
                height:5vw;
                z-index:8;
                border-radius:50%;
                opacity:0.4;
                background-color:#fff;
                background-image:url('//resource.160nurse.com/canvas/healthy/img/common/cha_2.png');
                background-size:60%;
                background-repeat:no-repeat;
                background-position:center center;
            }
            .ti{
                position:absolute;
                left:11vw;
                bottom:30.8vw;
                width:12vw;
                height:4vw;
                line-height:4vw;
                text-align: center;
                z-index:8;
                border-radius:0 0 2vw 2vw;
                background:rgba(0,0,0,0.5);
                color:#fff;
                font-size:3vw;
            }
            .advert {
                // position: absolute;
                // bottom: 8vw;
                // left: 10vw;
                width: 80vw;
                height: 34.35vw;
                border-radius: 1vw;
                // overflow: hidden;
                image {
                    width: 80vw;
                    height: 34.35vw;
                }
            }
        }
    }
}
.con_ad{
    position:relative;
    overflow: hidden;
    &.off{
        height:0;
    }
}
.gender {
    .an {
        margin: 0 0 5vw 0;
    }
    .an:first-of-type {
        color:#FFA229;
        // border:1px solid #FFA229;
        border: none;
    }
    .an:first-of-type:hover {
        background-color: #fff;
        border: none;
        color:#FFA229;
    }
    .sel {
        margin: 0 auto;
        overflow: hidden;
        >view {
            font-size: 3.73vw;
            width: 27vw;
            line-height: 8vw;
            border-radius: 6vw;
            border: 1px solid #00D2C3;
            text-align: center;
            color: #fff;
        }
        .confirm {
            float: right;
            background-color: #00D2C3;
        }
        .noConfirm {
            float: left;
            color: #00D2C3;
        }
    }
}
swiper{
    width:100vw;
    height:auto;
    height:40vw;
    image{
        width:94vw !important;
        position:absolute;
        bottom:0;
        left:3vw;
    }
    .wx-swiper-dot{
        width:1vw;
        height:1vw;
        border-radius:0.5vw;
        overflow: hidden;
        margin-bottom:0vw;
        transition: all 0.3s; 
    }
    .wx-swiper-dot{
        display: inline-flex;
        margin-left: 0;
        justify-content:space-between;
    }
    .wx-swiper-dot::before{
        content: '';
        flex-grow: 1; 
        background: rgba(255,255,255,0.2);
    }
    .wx-swiper-dot-active{
        width:3vw;
    }
    .wx-swiper-dot-active::before{
        background:rgba(245,255,255,1);   
    }
}
